<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="iso-8859-1">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="hiper juegos">
    <script src="./global/js/jquery.js"></script>
  
    <script src="./global/bootstrap/js/bootstrap.js"></script>
    <script src="./global/js/gestor.js"></script>
    <script src="./global/js/fckeditor/fckeditor.js"></script>
    <!-- <script src="../global/bootstrap/js/bootstrap-dropdown.js"></script>-->
    <!-- BEGIN bloque_javascript -->
            <script src="{javascript}"></script>
    <!-- END bloque_javascript -->
    <!-- Le styles -->
    <link href="./global/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="./global/css/general.css" rel="stylesheet" type="text/css">
    <link href="./global/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <script src="./global/bootstrap/js/collapse.js"></script>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/global/bootstrap/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/global/bootstrap/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/global/bootstrap/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="/global/bootstrap/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>
        <!-- BEGIN menu -->
    
    
    <div class="navbar">
    <div class="navbar-inner">
      <div class="container">
         <div class="row">  
         <div class="span11 offset1">      
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
             <SPAN class="brand" href="#">Ciclolandiamotos</SPAN>
        <div class="nav-collapse">
          <ul class="nav">
                    <li class="divider-vertical"></li>
                   
            
          </ul>
         
          <ul class="nav pull-right">
             <li class="dropdown disable"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              &nbsp;Notificaciones</a></li>
            <li class="divider-vertical"></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user icon-white"></i>&nbsp;Admin
               <b class="caret"></b></a>
              <ul class="dropdown-menu">
                  <li><a href="#"><i class="icon-cog" ></i>&nbsp;Modificar Datos</a></li>    
                <li class="divider"></li>
                <li><a href="/cm/usuarios_cm/cerrar_sesion.php"><i class="icon-off"></i>&nbsp;Cerrar Sesi&oacute;n</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.nav-collapse -->
      </div>
      </div>
     </div>   
    </div><!-- /navbar-inner -->
  </div><!-- /navbar -->


  <div class="container-fluid">
        <div class="row "><!--main-menu-span-->
            <div class=" fondo-negro">
              <div class="span2" style="padding-top:80px;">
                <div class="btn btn-inverse active" style="width:150px;">Motos</div>
                <div style="padding-left:20px;padding-top:5px;display:block;margin-bottom:5px;">
                  <a style="color:white;margin-bottom:5px;cursor:pointer;"  class="clearfix"><i class="icon-plus-sign icon-white"></i>&nbsp;Cargar Nueva Moto</a>
                  <a style="color:white;margin-bottom:5px;cursor:pointer;text-decoration: underline;"  class="clearfix"><i class="icon-list icon-white"></i>&nbsp;Listar Motos</a>
                  <a style="color:white;margin-bottom:5px;cursor:pointer;"  class="clearfix"><i class="icon-move icon-white"></i>&nbsp;Operaciones Varias</a>
                </div>
                <div class="btn btn-inverse" style="width:150px;">Ventas</div>
                <div class="btn btn-inverse" style="width:150px;">Clientes</div>
                <div class="btn btn-inverse" style="width:150px;">Patentes</div>
                <div class="btn btn-inverse" style="width:150px;">Reclamos</div>
                <div class="btn btn-inverse" style="width:150px;">Proveedores</div>
                <div class="btn btn-inverse" style="width:150px;">Surcusales</div>
                <div class="btn btn-inverse" style="width:150px;">Marcas</div>
                <div class="btn btn-inverse" style="width:150px;">Modelos</div>
                <div class="btn btn-inverse" style="width:150px;">Usuarios</div>
                <div class="btn btn-inverse" style="width:150px;">BackUp</div>
           </div>

         </div>
          <div class=" span10" style="margin-left: 300px;"> 
              
              <div class="row offset1">
                <h1>Listado de Motos</h1>
              </div>
              
              <div class="row span10" style="margin-top:20px;">
                
                <form class=" well" style="padding-top:10px;">
                  <div class="row" style="padding-left:40px;margin-bottom:20px;">
                    <h3>Busqueda</h3>
                  </div>
                  <div class="row" style="padding-left:40px;">
                      <label style="float:left;margin-right:10px;padding-top:4px;">Marca</label> 
                      <div style="float:left;margin-right:28px;">
                        <select style="width:80px;" >
                          <option>Honda</option>
                        </select>
                      </div> 
                      
                      <label style="float:left;margin-right:10px;padding-top:4px;">Modelo</label> 
                      <div style="float:left;margin-right:98px;">
                        <select style="width:80px;" >
                          <option>---</option>
                        </select>
                      </div>

                      <label style="float:left;margin-right:10px;padding-top:4px;">Nro. de Chasis</label> 
                      <div style="float:left;margin-right:20px;">
                        <input type="text" id="inputEmail" style="width:150px;"  value="">
                      </div>  
                      <label style="float:left;margin-right:10px;padding-top:4px;">Nro. de Motor</label> 
                      <div style="float:left">
                        <input type="text" id="inputEmail" style="width:150px;"  value="">
                      </div>

                    </div>
                    <div class="row" style="padding-left:40px;margin-bottom:10px;">
                      <label style="float:left;margin-right:14px;padding-top:4px;">Color</label> 
                      <div style="float:left;margin-right:28px;">
                        <select style="width:80px;" >
                          <option>Negro</option>
                        </select>
                      </div> 
                      
                      <label style="float:left;margin-right:10px;padding-top:4px;">Ubicaci&oacute;n</label> 
                      <div style="float:left;margin-right:15px;">
                        <select style="width:150px;" >
                          <option>Sucursal 1</option>
                        </select>
                      </div>

                      <label style="float:left;margin-right:10px;padding-top:4px;">Estado</label> 
                      <div style="float:left;margin-right:98px;">
                        <select style="width:150px;" >
                          <option>Disponible</option>
                        </select>
                      </div>

                    </div>
                    <div class="row" align="center">
                      <div class="btn btn-search">Buscar</div>
                    </div>




                </form>
                <div class="row" style="padding-left:40px;margin-bottom:20px;">
                    <span><h3 class="pull-left">Resultados</h3>
                    <div class="pull-right btn-large btn-primary"><i class="icon-edit icon-white"></i>&nbsp;Editar</div>
                    <div class="pull-right btn-large btn-primary" style="margin-right:10px;"><i class="icon-plus-sign icon-white"></i>&nbsp;Agregar</div>
                  </span>
                </div>
                <table class="table ">
                      <thead>
                        <tr>
                          <th>Marca</th>
                          <th>Modelo</th>
                          <th>Color</th>
                          <th>Ubicaci&oacute;n</th>
                          <th>Nro. Chasis</th>
                          <th>Nro. Motor</th>
                          <th>Estado</th>
                          <th>Seleccionar</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr style="background-color:#990000;color:white;">
                          <td>Honda</td>
                          <td>Wave</td>
                          <td>Negro</td>
                          <td>Sucursal 1</td>
                          <td>XXXXXXXXXXXXXXXXX</td>
                          <td>XXXXXXXXXXXXXXXXX</td>
                          <td>Disponible</td>
                          <td><input type="checkbox"></td>
                        </tr>
                        <tr style="background-color:#996600;color:white;">
                          <td>Honda</td>
                          <td>Wave</td>
                          <td>Negro</td>
                          <td>Sucursal 1</td>
                          <td>XXXXXXXXXXXXXXXXX</td>
                          <td>XXXXXXXXXXXXXXXXX</td>
                          <td>Disponible</td>
                          <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                          <td>Honda</td>
                          <td>Storm</td>
                          <td>Negro</td>
                          <td>Sucursal 1</td>
                          <td>XXXXXXXXXXXXXXXXX</td>
                          <td>XXXXXXXXXXXXXXXXX</td>
                          <td>Disponible</td>
                          <td><input type="checkbox"></td>
                        </tr>
                      </tbody>
                    </table>
              </div> 

          </div>
       </div>    
      

  </div>  


  </body>
</html>  